.ui-layout-center{
    overflow: hidden;
}
.container-div{
    padding: 0;
}
.container{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
a {
    color: #0088FF;
}
.gray-bg{
     background-color: rgba(0,0,0,0.04)!important;
 }
.container>div:first-child{
    width: 240px;
}
.container select{
    position: fixed;
    width: 240px;
    height: 34px;
    border: none;
    color: rgba(0,0,0,85%);
    box-shadow: 0px -0.5px 0px rgba(0, 0, 0, 0.12) inset
}
.container .edition-select{
    bottom: 0px;
    border-top:1px solid rgba(0, 0, 0, 0.12);
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.glyphicon{
    top: 50%;
    transform: translate(0, -50%);
}
.treeview{
    position: absolute;
    width: 200px;
    height: calc(100% - 34px);
    overflow-y: auto;
    border-left: 1px solid rgba(0,0,0,0.04);
    border-right: 1px solid rgba(0,0,0,0.04);
}
.page .treeview{
    top:34px
}
.treeview .list-group-item {
    padding: 5px 5px;
    border-bottom: 1px solid rgba(0,0,0,0.12);
}
.treeview li>div{
    display: inline-block;
    width: calc(100% - 58px);
}
.treeview li>div>p:nth-child(1){
    font-size: 13px;
    margin: 0!important;
}
.treeview li>div>p:nth-child(2){
    font-size: 12px;
    color: rgba(0, 0, 0, 0.45);
    margin: 0!important;
}
.treeview span.icon {
    width: 8px!important;
}
.container-left{
    position: relative;
    top: 16px;
}
.container-left .nav-tabs{
    position: fixed;
    top: 34px;
    width: 240px;
    height: 36px;
}
.container-left .nav-tabs>li>a>i{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 5px;
}
.container-left .nav-tabs>li.active>a>i{
    color: #006CF5;
}
.container-left .nav-tabs>li>a{
    height: 36px;
    margin: 0 30px;
    padding: 0;
    line-height: 36px;
}
.container-left .container-ul{
    top: 36px;
}
.container-left .container-ul>li>div{
    /*display: inline-flex;*/
    /*padding: 10px 0 0px 2px;*/
    margin-left: initial;
    line-height: inherit;
    word-break: break-all;
    font-size: 12px;
}
.container-left .container-ul>li>div>span{
    margin: 0 3px;
}
.user-info{
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 10px;
    color: rgba(0, 0, 0, 0.45);
    font-size: 11px;
    width: calc(100% - 20px);
}
.user-info span:nth-child(1){
    width: calc(100% - 40px);
}
#by-interface .panel-default>.panel-heading{
    padding: 10px 0 0 10px;
    background-color: #fff;
    border-top: 1px solid rgba(0,0,0,0.12);
}
.panel-title-interface{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 5px;
    font-size: 12px;
}
.panel-title-interface span:nth-child(2) {
    width: calc(100% - 20px);
    margin: 0 5px;
    word-break: break-all;
}
.tab-content .interface-ul{
    margin: 0 0 0 38px;
    list-style-type: disc;
    font-size: 12px;
}
.interface-ul li{
    margin: 10px 0;
}
.interface-ul li>div{
    margin-left: -8px;
    cursor: pointer;
}
.interface-ul li.active{
    color: #006CF5;
}
.container>div:nth-child(2){
    width: calc(100% - 240px);
    background-color: rgba(0, 0, 0, 0.04);
    min-height: 100%;
}
.container>div:nth-child(2) .title{
    margin: 42px 0 20px 24px;
    font-size: 16px;
    color: rgba(0,0,0,85%);
}
.container>div:nth-child(2) .title .title-right{
    font-size: 12px;
}
.container>div:nth-child(2) .title .title-right>select{
    position: initial;
    width: 60px;
    height: auto;
    box-shadow: 0px -0.5px 0px rgba(0, 0, 0, 0.28) inset;
}
.container>div:nth-child(2) .title .title-right> *{
    margin: 0 5px;
}
#pageDetailsDiv .list-group-horizontal{
    margin-left: 20px;
}
#pageDetailsDiv .list-group-horizontal .list-group-item {
    display: inline-block;
}
#pageDetailsDiv .list-group-horizontal .list-group-item {
    margin: 4px;
    font-size: 10px;
    padding: 3px;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 3px;
}
#pageDetailsDiv a.list-group-item.active, #pageDetailsDiv a.list-group-item.active:hover, #pageDetailsDiv a.list-group-item.active:focus{
    color: #fff;
    background: #0088FF;
    border: 1px solid #0088FF;
}
.carousel-indicators{
    bottom:-66px
}
.carousel-inner>.item>img{
    width: auto;
    height: 660px;
    margin: 0 auto;
}
.content-detail .carousel-inner>.item>img{
    height: 0px;
}
#wrapper.all-toggled .content-detail .carousel-inner>.item>img{
    height: 310px;
}
.carousel-indicators li,.carousel-indicators .active{
    width: 42px;
    height: 42px;
    line-height: 42px;
    border-radius: inherit;
    text-indent: inherit;
}
.carousel-indicators li.red{
    border: 2px solid red;
}
.carousel-indicators .active{
    background: rgba(0,0,0,0.1);
}
#nav-content-detail
.carousel-indicators li>span{
    font-size: 14px;
    color: rgba(0,0,0,85%);
    display: inline-block;
}
#wrapper {
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    padding-right: 0;
    transition: all 0.5s ease;
    background: #fff;
}
#wrapper.toggled .sidebar-wrapper {
    margin-left: -220px;
    box-shadow: -8px 42px 16px rgba(0, 0, 0, 0.12);
}
#wrapper.toggled #page-content-wrapper {
    margin-right: -220px;
    position: absolute;
}
#wrapper.all-toggled .sidebar-wrapper {
    margin-left: -52%;
    width: 52%;
    box-shadow: -8px 42px 16px rgba(0, 0, 0, 0.12);
}
#wrapper.all-toggled #page-content-wrapper {
    margin-right: -52%;
    position: absolute;
}
.sidebar-wrapper {
    height: 100%;
    left: 100%;
    margin-left: 0;
    background-color: #FFFFFF;
    border-color: #979797;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all 0.5s ease;
    width: 220px;
    z-index: 1000;
}
.sidebar-wrapper>div:nth-child(1){
    width: 220px;
}
.sidebar-wrapper::-webkit-scrollbar {
    display: none;
}
.sidebar-wrapper .retation-table .list-group-item>span:nth-child(4) {
    width: 18%;
}
.sidebar-wrapper .retation-table .list-group-item>span:nth-child(3){
    width: 34%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sidebar-wrapper .retation-table .list-group-item>span:nth-child(2){
    width: 34%;
}
#page-content-wrapper {
    width: 100%;
    height: 100%;
}
#wrapper.toggled .hamburger {
    right: 220px;
}
#wrapper.all-toggled .hamburger {
    right: 52%;
}
.hamburger {
    position: fixed;
    right: 0;
    top: 0;
    width: 48px;
    height: 42px;
    background-color: #fff;
    box-shadow: -8px 1px 16px rgba(0, 0, 0, 0.12);
    transition: all 0.5s ease;
}
.hamburger .toggle-img{
    width: 20px;
    height: 20px;
    margin: 11px 14px;
}
.sidebar-wrapper .nav-tabs{
    border: none;
    position: fixed;
    background: #fff;
    width: 100%;
    z-index: 16;
}
.sidebar-wrapper .nav-tabs li {
    font-size: 12px;
}
.sidebar-wrapper .nav-tabs>li.active>a, .sidebar-wrapper .nav-tabs>li.active>a:hover, .sidebar-wrapper .nav-tabs>li.active>a:focus,.sidebar-wrapper .nav-tabs>li>a:hover{
    border: none;
    color:#006CF5;
    background-color: #fff;
}
.sidebar-wrapper .nav-tabs>li>a{
    margin: 0;
    font-weight: 400;
    padding: 20px 9px;
    color: #000;
}
.tab-content{
    margin-top: 60px;
}
.tab-content ul{
    list-style: none;
    margin-top: 20px;
    padding: 0;
}
.content-image li{
    margin-bottom: 30px;
    /*text-align: center;*/
    cursor: pointer;
}
.content-image li img{
    width: 168px;
    height: 104px;
    margin-left: 26px;
}
.content-image li div{
    /*text-align: center;*/
    width: 168px;
    margin: 5px auto 0 auto;
    font-size: 12px;
    word-break: break-all;
}
.content-relationtable li,.content-use li{
    /*height: 64px;*/
    width: 198px;
    margin: 0 auto;
    display: flex;
    cursor: pointer;
    padding: 10px 0;
    border-bottom: 0.5px solid rgba(0,0,0,0.12);
}
.content-relationtable li.active,.content-use li.active{
    background-color: rgba(0, 0, 0, 0.04);
    box-shadow: 0px -0.5px 0px rgba(0, 0, 0, 0.12) inset
}
.content-relationtable li>div,.content-use li>div{
    width: 100%;
    margin: auto;
}
.content-relationtable li p:first-child,.content-use li p:first-child{
    font-size: 12px;
    margin: 0 0 4px 13px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.content-relationtable li p:first-child span,.content-use li p:first-child span{
    margin-right: 6px;
}
.content-relationtable li p:nth-child(2),.content-use  li p:nth-child(2){
    font-size: 12px;
    color:rgba(0, 0, 0, 0.45);
}
.question-div{
    width: 200px;
    height: 32px;
    margin: 0 auto;
    line-height: 32px;
    background: rgba(0,0,0,0.04);
    color: #0088FF;
    padding-left: 10px;
}
.content-detail,.content-question img{
    width: 0;
    transition: all 0.5s ease;
}
#wrapper.all-toggled .content-detail,#wrapper.all-toggled .content-question {
    width: calc(100% - 220px);
    height: 100%;
    /*text-align: center;*/
    margin-top: 20px;
    opacity: 1;
}
#wrapper.all-toggled .content-question img{
    width: inherit;
    opacity: 1;
}

.content-question .ques-list {
    width: 100%;
}
.list-item-right-div{
    font-size: 12px;
    display: inline-flex;
}
.list-item-right-div span{
    margin: 0 6px;
}
.content-question .list-group-horizontal{
    display: inline-flex;
    justify-content: space-between;
    overflow: auto;
    width: 100%;
}
.content-detail>div>a{
    display: inline-block;
    margin-top: 20px;
}
.content-detail>div>span{
    display: block;
    font-size: 12px;
}
.content-preview{
    text-align: left;
    padding: 0 20px;
    border: none;
}
.content-table,.content-usage,.content-detail,.content-question{
    width: 0;
    height: 0;
    opacity: 0;
    /*padding: 8px;*/
    transition: all 0.5s ease;
}
#wrapper.all-toggled .content-table,#wrapper.all-toggled .content-usage{
    width: calc(100% - 240px);
    margin: 10px;
    opacity: 1;
    height: 100%;
}
.add-interface{
    float: right;
    margin-right: 10px;
}
/**
 * 外包人员
 */
.epiboly .swiper-slide {
    width: auto;
}
.epiboly .swiper-wrapper{
    padding:0 20px;
}
.epiboly .swiper-slide>a {
    color: #000;
}
.epiboly .container>div:nth-child(2){
    background-color: #fff;
}
.content-preview .panel-heading {
    padding: 0 0 0 20px;
    background: rgba(0, 136, 255, 0.08);
    cursor: pointer;
}
.content-preview .type-flag {
    margin-right: 6px;
    background: #4EB6F8;
    border-color: #4EB6F8;
    color: #FFFFFF;
    cursor: default;
}
.content-preview .dl-horizontal {
    margin: 12px 10px 16px;
}
.content-preview .dl-horizontal>dt {
    width: auto;
    color: rgba(0, 0, 0, 0.45);
    font-weight: 400;
}
.content-preview .part-one {
    height: 48px;
    line-height: 48px;
}
.content-preview .dl-horizontal>dd {
    color: rgba(0, 0, 0, 0.85);
    margin-left: 70px;
    word-break: break-all;
}
.container-detail{
    /*width: calc(100% - 200px);*/
    width: 100%;
}
.container-detail>.title{
    margin: 26px 0 26px 40px;
    font-size: 14px;
    color: #000;
}
.container-detail>.title>span{
    font-size: 12px;
    color: rgba(0,0,0,0.45);
    margin-left: 44px;
}
.box-swiper-li>ul{
    margin-top: 0px;
}
.box-swiper-li .form-control{
    height: 34px;
    border: none;
}
.box-swiper-li>ul>li{
    font-size: 12px;
    color: rgba(0, 0, 0, 0.45);
    cursor: pointer;
    box-shadow: 0px -0.5px 0px rgba(0, 0, 0, 0.12) inset
}
.box-swiper-li>ul>li div{
    padding: 10px;
}
.box-swiper-li>ul>li.active{
    background-color: rgba(0, 0, 0, 0.04);
}
.box-swiper-li>ul>li p:first-child span{
    display: inline-block;
    width: calc(100% - 86px);
    font-size:12px;
    color: #000;
}
.box-swiper-li>ul>li.active p:first-child span{
    color: #006CF5;
}
.table-ul{
    list-style: none;
    padding: 0;
}
.table-ul li{
    padding: 1px 0px;
    margin: 0 10px;
    box-shadow: 0px -0.5px 0px rgba(0, 0, 0, 0.12) inset
}
.table-ul li>div{
    margin: 12px 0 0 10px;
    font-size: 12px;
    color: rgba(0,0,0,0.45)
}
.table-ul li>div p{
    margin: 0 0 6px 26px;
}
.table-ul li>div>p:first-child{
    font-size: 14px;
    color: #000;
    margin-left: 12px;
}
.table-ul li.active{
    background-color: rgba(0, 0, 0, 0.04);
    box-shadow: 0px -0.5px 0px rgba(0, 0, 0, 0.12) inset
}
.table-ul li.active>div>p:first-child{
    color: #006CF5;
}
.btn-set{
    height: 26px;
    width: 96px;
    line-height: 1;
    background: #2A50EE;
    border-color: #2A50EE;
    border-radius: 3px;
    margin-left: 58px;
}
.btn-set:focus,.btn-set:hover{
    background: #2A50EE;
    border-color: #2A50EE;
}
.href-detail{
    font-size: 12px;
    margin-left: 20px;
    color:#0088FF;
}
.nav-table{
    position: inherit;
    width: 674px;
    margin: auto;
}
.nav.nav-tabs.nav-table li{
    border: 1px solid #DCDCDC;
    border-right: none;
    width: 168px;
    margin-bottom:-3px;
}
.nav.nav-tabs.nav-table li:last-child{
    border: 1px solid #DCDCDC;
}
.nav-table>li>a{
    margin: 0;
    text-align: center;
}
.nav-table>li.active>a, .nav-table>li>a:hover, .nav-table>li.active>a:hover, .nav-table>li.active>a:focus{
    background-color: inherit;
    border: 1px solid #1073EE;
    border-radius: 0;
}
.epiboly .container-left .nav-tabs {
    top: 0px;
    border-right: 1px solid #ddd;
}
.epiboly .container-left .container-ul {
   top: 0px;
}
.epiboly #by-page .container-ul, .epiboly #by-interface .panel-body {
    height: calc(100vh - 70px);
}
/**
  * 功能树样式
 */
.function .container>div:nth-child(2),.business-sys .container>div:nth-child(2){
    background-color: white;
}
.usage-detail{
    margin: 46px 10px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 10px 15px;
}
.function-image-list ul {
    list-style: none;
    margin-top: 20px;
    padding: 0;
}
.function-image-list li {
    text-align: center;
}
.function-image-list li>img{
    width: 168px;
    height: 106px;
}
.function-image-list li>.line{
    width: 168px;
    margin: 48px auto;
    border: 1px solid #979797;
}
.function-image-list li:last-child>.line{
    display: none;
}
.container-ul,#by-interface .panel-body{
    height: 100vh;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
    position: relative;
    overflow: auto;
}
#by-page .container-ul,#by-interface .panel-body{
    height: calc(100vh - 104px);
}
.container-ul>li{
    /*height: 48px;*/
    box-shadow: 0px -0.5px 0px rgba(0, 0, 0, 0.12) inset;
    cursor: pointer;
    padding: 6px 3px;
}
.container-ul>li.active{
    background-color: rgba(0,0,0,0.04);
}
.container-ul>li.active>div{
    color: #006CF5;
}
.container-ul>li>div{
    line-height: 48px;
    margin-left: 12px;
}
/**
 * 业务系统树
 */
.business-sys .nav-table{
    margin: 26px auto;
}
/**
 * 底部
 */
.btn-group{
    position: fixed;
    bottom: 0px;
    width: 240px;
}
.btn-group>.btn:first-child{
    width: 100%;
    background: #fff;
}
/**
 *接口调试页面
 */
.debug .container>div:nth-child(2){
    background: #fff;
}
.debug  .carousel-inner>.item>img{
    height: 310px;
}
.debug .carousel-inner {
    top: 5px;
}
.debug-content{
    height: 100%;
    overflow-y: scroll;
    float: right;
}
.right-part{
    position: relative;
    width: 100%;
    min-height: 54%;
}
.right-part textarea{
    width: 100%;
    padding: 10px 15px;
    border: none;
    font-size: 14px;
}
.sidebar-wrapper.debug {
    position: absolute;
    width: 0;
}
.debug-content .hamburger{
    position: absolute;
}
#wrapper.all-toggled .sidebar-wrapper.debug{
    box-shadow: -8px 8px 16px rgba(0, 0, 0, 0.12);
}
.img-action{
    margin-top: 60px;
    text-align: center;
    padding: 10px 0;
    background: rgba(0,0,0,0.04);
}
.debug-post{
    display: flex;
    width: 98%;
    margin: 48px auto 30px auto;
}
.debug-post button:nth-child(1){
    cursor: inherit;
}
.debug-post .btn-primary{
    border-radius: 4px;
    background-color: #0088FF;
    border-color: #0088FF;
}
.debug-post input{
    width: calc(100% - 68px);
    margin: 0 26px;
    border: none;
    color: #000;
    font-size: 14px;
}
.container-div .row{
    width: 100%;
}
.container select.field-enum,.container select.primary-key{
    position: inherit;
    border: 1px solid #e5e6e7;
    box-shadow: none;
    width: 100%;
}
.choose-more{
    display: inline-block;
    width: 80%;
}
.resp-tit{
    background: rgba(0,0,0,0.04);
    padding: 10px 13px;;
    width: 98%;
    margin: 0 auto;
}
.resp-tit span{
    color: #000;
}
#wrapper.all-toggled .content-detail.debug{
    width: 100%;
}
.debug .content-preview .panel-heading .panel-title:after {
    content: "";
    font-family: FontAwesome;
    float: right;
    padding-right: 20px;
}
.font-source{
    background: rgba(0,0,0,0.04);
    word-break: break-all;
    padding: 0 10px;
    margin: 0;
}
.pageElementCondition .ele-info{
    background: rgba(0,0,0,0.04);
    padding: 10px;
    margin-bottom: 15px;
}
.pageElementCondition .ele-info>p:last-child{
    margin: 0;
}
.page .carousel-indicators{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    position: initial;
    justify-content: center;
    margin: 20px 0 0 0;
}